﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>无线点餐平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="style/js/jquery.js"></script>
    <script type="text/javascript" src="style/js/page_common.js"></script>
    <link href="style/css/common_style_blue.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="style/css/index_1.css"/>
    <script type="application/javascript">

		//删除
		function deleteFoodType(id) {
			if(confirm("确定要删除菜系吗???")){
				location.href="/foodType_delete/"+id;
			}
		}

    </script>
</head>
<body>
<!-- 页面标题 -->
<div id="TitleArea">
    <div id="TitleArea_Head"></div>
    <div id="TitleArea_Title">
        <div id="TitleArea_Title_Content">
            <img border="0" width="13" height="13"
                 src="style/images/title_arrow.gif"/> 菜系列表
        </div>
    </div>
    <div id="TitleArea_End"></div>
</div>
<!-- 过滤条件 -->
<div id="QueryArea">
    <form action="/foodType_queryList" method="post">
        <input type="hidden" name="method" value="search">
        <input type="text" name="name" th:value="${foodType.name}" placeholder="请输入菜系名称">
        <input type="submit" value="搜索">
    </form>
</div>

<!-- 主内容区域（数据列表或表单显示） -->
<div id="MainArea">
    <table class="MainArea_Content" align="center" cellspacing="0" cellpadding="0">
        <!-- 表头-->
        <thead>
        <tr align="center" valign="middle" id="TableTitle">
            <td>菜系编号</td>
            <td>菜系名称</td>
            <td>操作</td>
        </tr>
        </thead>
        <!--显示数据列表 -->
        <tbody id="TableData">
        <tr th:each="foodType:${foodTypes}">
            <td th:text="${foodType.id}">1</td>
            <td th:text="${foodType.name}">粤菜</td>
            <td>
                <a th:href="|/foodType_toupdate/${foodType.id}|" class="FunctionButton">更新</a>
                <a th:href="|javascript:deleteFoodType(${foodType.id});|" class="FunctionButton">删除</a>
            </td>
        </tr>
        </tbody>
    </table>
    <!-- 其他功能超链接 -->
    <div id="TableTail" align="center">
        <div class="FunctionButton">
            <a href="/page_saveFoodType">添加</a>
        </div>
    </div>
</div>
</body>
</html>
